<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		div{
			width: 1300px;
			height: 1000px;
		}
		.box1{
			background-image: url(../images/left.jpg);
			background-repeat: no-repeat;
			background-position: left;
		}
		.box2{
			background-image: url(../images/right.jpg);
			background-repeat: no-repeat;
			background-position: right;
		}
		.box3{
			background-image: url(../images/top.jpg);
			background-repeat: no-repeat;
			background-position: center top;
		}
		.box4{
			background-image: url(../images/bottom.jpg);
			background-repeat: no-repeat;
			background-position: center;
		}
		</style>
	</head>
	<body>
		<div class="box1">
			<div class="box2">
				<div class="box3">
					<div class="box4"></div>
				</div>
			</div>
		</div>
	</body>
</html>
